<div class="login-block">
    <!--<div class="logo"></div>-->
    <div class="login-content">
        <div class="welcome"><span>{{'default-title'|T }}</span></div>
        <div class="logo-box"></div>
        <form name="loginForm" [formGroup]="loginForm" (ngSubmit)="onSubmit(loginForm.value)" class="login-form" autocomplete="off">
            <div class="form-group" ng-class="{user}">
                <div class="input-group">
                    <!--<input type="text" placeholder="username" name="username" class="form-control" autocomplete="off" />-->
                    <div class="">
                        <input pInputText type="text" class="form-control" id='name' [(ngModel)]='user.name' formControlName="name" placeholder="{{'login.valiUser'|T}}" autocomplete="off" />
                        <!-- pTooltip="{{'login.valiUser'|T}}" tooltipPosition="right" -->
                    </div>
                    <div class="ui-grid-col-4">
                        <div class="ui-message ui-messages-error ui-corner-all" *ngIf="!loginForm.controls['name'].valid&&loginForm.controls['name'].dirty">
                            {{'login.valiUser'|T}}
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">

                    <!--<input type="password" placeholder="password" class="form-control" name="password" autocomplete="off" />-->
                    <div class="">
                        <input pInputText type="password" class="form-control" id='pwd' [(ngModel)]='user.pwd' formControlName="pwd" placeholder="{{'login.valiPwd'|T}}" autocomplete="off" />
                    </div>
                    <div class="ui-grid-col-4">
                        <div class="ui-message ui-messages-error ui-corner-all" *ngIf="!loginForm.controls['pwd'].valid&&loginForm.controls['pwd'].dirty">
                            {{'login.valiPwd'|T}}
                        </div>
                    </div>
                </div>

                <!--<small class="pull-right">
                            <a href="">忘记密码？</a>
                        </small>-->
                <div class="form-login-error text-left">
                    <!--<span>{{vm.error}}</span>-->
                </div>
            </div>
            <div class="form-group">
                <div class="login-save">
                    <div class="login-choose">
                        <div class="styles">
                            <p-selectButton [options]="languages" class='pull-left chooseLan' [style]="{'margin-top':'3px'}" formControlName='languages' [(ngModel)]='language' (onChange)='changeLanguage($event)'></p-selectButton>
                        </div>
                    </div>
                    <button pButton type="submit" label='{{"login"|T}}' class="btn-block btn-login" [disabled]="!loginForm.valid"></button>
                </div>
            </div>
        </form>
    </div>
</div>